// 1 window全局对象 window.confirm()
function removeDiv() {
  let rt = confirm('确定要删除此元素吗?')
  if (rt) {
    // 点击确定执行删除操作
    let div1 = document.getElementsByClassName('div1')[0]
    // 如果div1存在，存在即为true
    if (div1) {
      // 获得div1的直接父级元素
      let parent = div1.parentNode
      // 删除自己节点div1
      parent.removeChild(div1)
    }
  }
}

// 2 window.location 可以获得页面的url地址，或重定向页面
function getURL() {
  let location = window.location
  console.log(location.href) // http://127.0.0.1:5500/js-13-20221011-BOM/bom.html
  /*
    Location的常用方法和属性:
      hash:'' 哈希码
      host: "127.0.0.1:5500" 主机
      hostname: "127.0.0.1" 主机名
      href: "http://127.0.0.1:5500/js-13-20221011-BOM/bom.html" 引用
      origin: "http://127.0.0.1:5500" 源
      pathname: "/js-13-20221011-BOM/bom.html" 路径名
      port: "5500" 端口号
      protocol: "http:"  协议
      reload: ƒ reload() 重新加载，刷新
      replace: ƒ replace() 替换地址，无法返回上一步页面
      search: "" 查询参数
  */
}
// 点击跳转到百度
function toBaidu() {
  location = 'https://www.baidu.com'
}
// 点击跳转到a.html
function toA() {
  location = './a.html?id=1&age=10'
}

// 3 window.history 获得历史对象History
console.log(window.history)
function go(num) {
  // -1 0 1 表示后退一步，页面不动，向前跳转一页
  history.go(num)
}
function back() {
  // 后退一步
  history.back()
}
function forward() {
  // 向前一步
  history.forward()
}
/*
  History的常用方法:
    back: ƒ back() 后退一步
    forward: ƒ forward() 向前一步
    go: ƒ go(n)  n>0向前n步 n<0后退n步
    length: 2
    pushState: ƒ pushState()
    replaceState: ƒ replaceState()
    scrollRestoration: (...)
    state: null
*/

// 4 window.localStorage 本地永久存储，只能存储字符串，不同页面可以共享存储的数据
